﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EmployeeDetails.ascx.cs"
    Inherits="WebUI.UserControls.EmployeeDetails" %>
<asp:Panel runat="server" ID="pnlContainer">
    <table cellpadding="2" cellspacing="2">
        <tr>
            <td>
                Mã số nhân viên &nbsp;
            </td>
            <td>
                <asp:TextBox runat="server" ID="txtEmpID" Width="180px"></asp:TextBox>
            </td>
            <td>
                Đang làm việc
            </td>
            <td>
                <asp:CheckBox runat="server" ID="chkActive" Checked="true" />
            </td>
        </tr>
        <tr>
            <td>
                Tên &nbsp;
            </td>
            <td>
                <asp:TextBox runat="server" ID="txtEmpName" Width="180px"></asp:TextBox>
            </td>
            <td>
                Ngày bắt đầu
            </td>
            <td>
                <asp:TextBox runat="server" ID="txtStartedDate" Width="100px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                Ngày sinh &nbsp;
            </td>
            <td>
                <asp:TextBox runat="server" ID="txtDOB" Width="180px"></asp:TextBox>
            </td>
            <td>
                Giới tính
            </td>
            <td>
                <asp:RadioButtonList ID="rblSex" runat="server" RepeatDirection="Horizontal">
                    <asp:ListItem Text="Nam" Value="1" Selected="True"></asp:ListItem>
                    <asp:ListItem Text="Nữ" Value="0"></asp:ListItem>
                </asp:RadioButtonList>
            </td>
        </tr>
        <tr>
            <td>
                Số CMND
            </td>
            <td>
                <asp:TextBox runat="server" Width="180px" ID="txtIDCardNo"></asp:TextBox>
            </td>
            <td>
                Ngày cấp
            </td>
            <td>
                <asp:TextBox runat="server" Width="100px" ID="txtIDCardIssuedDate"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                Tình trạng hôn nhân
            </td>
            <td>
                <asp:DropDownList runat="server" ID="ddlRelationshipStatus" Width="180px">
                </asp:DropDownList>
            </td>
            <td>
                Số con
            </td>
            <td>
                <asp:TextBox runat="server" ID="txtNumOfChild" Width="100px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                Trình độ học vấn
            </td>
            <td>
                <asp:DropDownList runat="server" ID="ddlEducationLevel" Width="180px">
                </asp:DropDownList>
            </td>
            <td>
                Lương căn bản
            </td>
            <td>
                <asp:TextBox runat="server" ID="txtBaseSalary" Width="180px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                Chức vụ
            </td>
            <td>
                <asp:DropDownList runat="server" ID="ddlPosition" Width="180px">
                </asp:DropDownList>
            </td>
            <td>
                Phòng ban
            </td>
            <td>
                <asp:DropDownList runat="server" ID="ddlDepartment" Width="180px">
                </asp:DropDownList>
            </td>
        </tr>
        <tr runat="server" id="trPicture">
            <td>
                Hình
            </td>
            <td colspan="3">
                <asp:FileUpload runat="server" ID="fuPicture" Width="480px" />
            </td>
        </tr>
    </table>
</asp:Panel>

<script language="javascript" type="text/javascript">
     $(function() 
        {
          $("#<%= txtStartedDate.ClientID %>" ).datepicker();
          $("#<%= txtIDCardIssuedDate.ClientID %>" ).datepicker();  
          $("#<%= txtDOB.ClientID %>" ).datepicker();/*{
		        changeMonth: true,
		        changeYear: true
		        });*/
        });
</script>
